@import "../../common/tool.less";

.login_main{
  @vw:1px;
  position: fixed;
  z-index: 100;
  left:0;
  top:0;
  right: 0;
  bottom:0;
  background: rgba(0, 0, 0, 0.6);
  display: none;
  .login{
    position: fixed;
    left:0;
    top:0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 359*@vw;
    height: 400*@vw;
    background: @primary_bg_s;
    border-radius: 8*@vw;
    padding: 0 25*@vw;
    .login_close{
      position: absolute;
      right: 20*@vw;
      top: 15*@vw;
      width: 12*@vw;
      cursor: pointer;
    }
    .login_title{
      padding: 45*@vw 0 14*@vw;
      font-size: 28*@vw;
      text-align: center;
    }
    .inputk{
      width: 100%;
      padding-bottom: 19*@vw;
    }
    .err_info{
      color: #E04F5A;
      font-size: 12*@vw;
      display: none;
      height: 8*@vw;
      padding-left: 15*@vw;
      transform-origin: left center;
      transform: translateY(-11*@vw);
    }
    .submitbtn{
      position: absolute;
      bottom:40*@vw;
      left:0;
      right: 0;
      width: 309*@vw;
      margin: 0 25*@vw;
      margin-top: 7*@vw;
      height: 44*@vw;
      text-align: center;
      line-height: 44*@vw;
      font-size: 16*@vw;
      border-radius: 22*@vw;
      background: @primary;
      cursor: pointer;
    }
    .login_text{
      text-align: center;
      color: #FFF;
      font-size: 12*@vw;
      padding: 10*@vw 0 10*@vw;
    }
    .login_agreement{
      text-align: center;
      font-size: 12*@vw;
      .login_a{
        color: #fff;
        &:hover{
          text-decoration: underline;
        }
      }
    }
  }
}
